.canvas-box {
  z-index: 99999;
  background: linear-gradient(to bottom, #000000 0%, #5788fe 100%);
  height: 100%;
}
.filter {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #fe5757;
  animation: colorChange 15s ease-in-out infinite;
  animation-fill-mode: both;
  mix-blend-mode: overlay;
}
@keyframes colorChange {
  0%,
  100% {
    opacity: 0;
  }
  50% {
    opacity: 0.9;
  }
}
.landscape {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("./img/xkbg.png");
  background-repeat: repeat-x;
  background-position: 70% 100%;
  background-attachment: fixed;
}
